﻿@model N03_11HCA_HTTTHD.Models.RaoVat
           
@{
    ViewBag.Title = "Danh sách tìm mua mới nhất";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

@section MenuTraiImport{
   @Html.Action("MenuTraiCanBan", "Home");
    @Html.Action("MenuTraiTimMua", "Home");
} 
@section JavaScriptCSSImport{
    <link href="@Url.Content("~/Content/mycontent/list_counter.css")" rel="stylesheet" type="text/css"/>
}
@section MenuImport{
    <ul class="nav">
        <li><a href="/ChaoBan">Chào bán</a></li>
        <li><a href="/TimMua" class="current">Tìm mua</a></li>   
        <li><a href="/DoanhNghiep">Doanh nghiệp</a></li>
        <li><a href="/TinTuc">Tin tức</a></li>
    </ul>
}

@section JavaScriptDocumentReady{

    //var viTriHienTai = @Model.ListRaoVat.Count;
    var viTriHienTai = 0;
    var soLuongMoiTrang = @N03_11HCA_HTTTHD.TienIch.HeThong.SoLuongLoadRaoVatMacDinh;
    var isLoad = 0;

    function LoadDuLieu(){
        if(isLoad == 1){
            return;
        }

        isLoad = 1;

        var mucSX = $("#listMucSapXep").val(); 
        var cachSX = $("#listCachSapXep").val(); 
        var StringSX = mucSX +" "+cachSX;
        $.ajax({
          url: "/RaoVat?jtStartIndex="+viTriHienTai+"&jtPageSize="+soLuongMoiTrang+"&jtSorting="+StringSX,
          type: "post",
          // PlainObject data, String textStatus, jqXHR jqXHR
          success: function( data, textStatus, jqXHR){
           
               //console.log(data[0].ID);
               for (var i = 0; i < data.length; i++)
               {        
                    var class_li = "";
                    if(i%2==0){
                        class_li ="class='shadow_item'";
                    }
                    //var ngay = new Date(parseInt(data[i].ThoiGianRao.substr(6)));
                    //var thoiGian = moment(ngay).fromNow(); 
                    //$('#ulCounter').append('<li '+class_li+'><h3><a href="/RaoVat/ChiTiet/' + data[i].ID+ '">'+ data[i].ChuDe +'</a></h3><span class="ngayDang" title="'+ ngay +'">Thời gian đăng: '+ thoiGian +'</span><br/><p class="autohide chaobanpreview" title="'+data[i].NoiDung+'">' + data[i].NoiDung + '</p></li>');

                    var ngay = new Date(parseInt(data[i].ThoiGianRao.substr(6)));
                    var thoiGian = moment(ngay).fromNow(); 

                    var item ='<li '+class_li+'>'+
                    '<h3>'+
                    '<a class="tenThongTin" href="/RaoVat/ChiTiet/' + data[i].ID+ '">'+ data[i].ChuDe +'</a>'+
                    '</h3>'+
                    '<span class="quanTamRaoVat" accesskey="'+ data[i].ID +'" title="Quan tâm rao vặt: '+ data[i].ChuDe +'"></span>'+
                    '<a class="mailToMini" title="Liên hệ với người rao vặt '+ data[i].ChuDe +'" href="/Home/LienHe/'+data[i].IDNguoiDang+'/[Rao vặt '+data[i].ID+'] '+data[i].ChuDe +'"></a>'+
                    ' <span class="ngayDang" title="'+ ngay +'"> Thời gian đăng: '+thoiGian+'</span><br/>'+
                    '<p class="autohide chaobanpreview" title="'+data[i].MoTa+'">' + data[i].NoiDung + '</p>'+
                    '</li>';
                    $('#ulCounter').append(item);
               }

               //tăng số lượng hiện tại lên
               viTriHienTai+=@N03_11HCA_HTTTHD.TienIch.HeThong.SoLuongLoadRaoVatMacDinh;

               //xác nhận đã load xong
               isLoad = 0;

               XuLyQuanTam();
          },
          // jqXHR jqXHR, String textStatus, String errorThrown
          error:function( jqXHR, textStatus,  errorThrown){
              //$("#dsCanban").html(textStatus);
              isLoad = 0;
          }   
        });
    }

    function LoadDuLieuLai(){
        viTriHienTai = 0;
        soLuongMoiTrang =  @N03_11HCA_HTTTHD.TienIch.HeThong.SoLuongLoadRaoVatMacDinh;
        $('#ulCounter').html("");
        LoadDuLieu();
    }

     $("#listCachSapXep").val("@N03_11HCA_HTTTHD.TienIch.HeThong.ChuoiSapXepRaoVatMacDinh");
    $("#listMucSapXep").val("@N03_11HCA_HTTTHD.TienIch.HeThong.LoaiSapXepRaoVatMacDinh");

    //Khi thay đổi kiểu sắp xếp thì load lại dữ liệu
    $("#listCachSapXep").change(function () {
        LoadDuLieuLai();
    });

    $("#listMucSapXep").change(function () {
        LoadDuLieuLai();
    });

     $("#loadThem").change(function () {
        LoadDuLieuLai();
    });
    LoadDuLieuLai();

}
<h2>Tìm mua mới</h2>
<div id="sapXep">
    <select id="listMucSapXep">
        <option value="ID" selected="selected">Thời gian</option>
        <option value="LoaiCanBan">Loại sản phẩm</option>
        <option value="TenAnh">Tên tiếng Anh</option>
        <option value="TenViet">Tên tiếng Việt</option>
        <option value="XuatXu">Xuất xứ</option>
    </select>
    <select id="listCachSapXep">
        <option value="ASC">Tăng dần</option>
        <option value="DESC" selected="selected">Giảm dần</option>
    </select>
</div>

<div id="dsCanban">
<ul class="counter" id="ulCounter">
    <!-- for (int i = 0; i < Model.ListRaoVat.Count; i++)
    {
        Data_DAO_DTO_Lib.DTO.RAOVAT_DTO tm = Model.ListRaoVat[i];
        
         <li if (i%2 == 0){Html.Raw("class='shadow_item'")}>
                <h3>
                    <a href="TimMua/ChiTiet/tm.ID">tm.ChuDe</a></h3>
                <p class="autohide chaobanpreview">tm.NoiDung</p>
            </li>
    }-->
    
</ul>

    <input type="button" id="loadThem" value="Tải thêm" />
</div>